<template>
    <div class="home">
        <Header></Header>
        <div class="main">
            <Left></Left>
            <div class="right">
                <router-view/>
            </div>
        </div>
    </div>
</template>

<script>
import Left from "../../components/Left.vue"
import Header from "../../components/Header.vue"
export default {
    name: "Home",
    components: {
        Header,
        Left
    },
};
</script>

<style lang="scss" scoped>
    .home{
        width: 100%;
        .main{
            width: 100%;
            height: 650px;
            display: flex;
            border: 1px solid #ccc;
            .right{
                width: 100%;
                border: 1px solid #ccc;
                border-radius: 15px;
                margin: 4px;
                padding: 10px;
            }
        }
    }
</style>
